<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta name="renderer" content="webkit">
		<meta http-equiv="Content-Security-Policy">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="./layui/css/layui.css" media="all">
		<link rel="stylesheet" href="./css/common.css" media="all">
		<link rel="stylesheet" href="./css/scroll.css" media="all">
		<link rel="stylesheet" href="./css/map.css" media="all">
		<script src="./layui/jquery-1.11.1.min.js" charset="utf-8"></script>
		<script src="./js/echarts.min.js" charset="utf-8"></script>
		<script src="./layui/layui.js" charset="utf-8"></script>
		<script src="./js/map.js" charset="utf-8"></script>
		<script src="./js/scroll.js" charset="utf-8"></script>
		<script src="./js/common.js"></script>
		<title>国调</title>
	</head>
	<body style=" background:#f2f5f7;">
		<div id="body">
			<div style="height:43%;" class="layui-row">
				<div class="layui-col-md7 layui-col-lg7 box">
					<div class="canvasBox" style="margin-right:10px;height:100%">
						<p class='icon-p'>漏洞管理</p>
						<div class="layui-btn-group" id="ant" style="height:initial;padding:0 10px;">
							<button class="layui-btn selected" data-type="afcs">安防措施</button>
							<button class="layui-btn" data-type="ryba">人员备案</button>
							<button class="layui-btn" data-type="dbcp">等保测评</button>
							<button class="layui-btn" data-type="wtzg">问题整改</button>
							<button class="layui-btn" data-type="yxgj">运行告警</button>
						</div>
						<div class="nodeChart" style="width: 100%;font-size:0;">
							<div id="nodeChart1" style="padding-top: 9px;"></div>
							<div id="nodeChartList"></div>
						</div>
						<div class="layui-btn-group" id="switch-place" style="height:initial;margin-top:5px;padding:0 10px;">
							<button class="layui-btn selected" id="btn6" data-type="country">国调</button>
							<button class="layui-btn" id="btn7" data-type="area">分中心</button>
							<button class="layui-btn" id="btn8" data-type="province">省调</button>
						</div>
					</div>
				</div>
				<div style="height:100%;min-width:330px;" class="canvasBox layui-col-md5 layui-col-lg5">
					<div style="width:100%;height:100%; background-repeat: no-repeat;background-position:50.5% 60%">
						<p class='icon-p'>电厂概况</p>
						<div id="nodeChart2" style="width:initial;margin:10px 20px">

						</div>
					</div>
				</div>

			</div>
			<div class="layui-row" style="height:45%;margin-top:10px;">
				<div class="layui-col-md7 layui-col-lg7" style="display:inline-block;float:left;height:100%;background-color:#fff;">
					<div class="canvasBox" style="height:100%;margin-right:10px;">
						<p class='icon-p'>安全设备分析</p>
						<div class="layui-btn-group" id="tab" style="height : 30px">
							<button class="layui-btn selected">纵向加密</button>
							<button class="layui-btn">横向隔离</button>
							<button class="layui-btn">监测装置</button>
							<button class="layui-btn">入侵检测</button>
							<button class="layui-btn">防火墙</button>
						</div>
						<div id="nodeChart3" style="width: 100%;height:92%;float:left;background-color:#fff;"></div>
					</div>
				</div>
				<div class="layui-col-md5 layui-col-lg5 canvasBox" style="height:100%;background-color:#fff;overflow:hidden;min-width:330px">
					<p class='icon-p'>电厂安全指数</p>
					<div class="content" style="height:100%;width:100%;margin-left:0;margin-right:0" id="nodeChart4">

					</div>
				</div>

			</div>
		</div>
	</body>
</html>
